<template>
  <div>
    全选<input v-model="lis" type="checkbox"> <button @click="fan">反选</button>
    <ul>
      <li v-for="(item,index) in arr" :key="index"><input :value="item.name" v-model="item.c" type="checkbox"> {{item.name}}</li>
    </ul>
  </div>
</template>

<script>
export default {
data () {
  return {
    arr: [
        {
          name: "猪八戒",
          c: false,
        },
        {
          name: "孙悟空",
          c: true,
        },
        {
          name: "唐僧",
          c: false,
        },
        {
          name: "白龙马",
          c: false,
        },
      ],
  }
},
methods:{
fan(){
  this.arr.forEach(item=>item.c=!item.c)
}
},
computed:{
lis:{
  set(val){
    this.arr.forEach(item=>item.c=val)
  },
  get(){
  return this.arr.every(item=>item.c)
  }
}
}
}
</script>

<style>

</style>